<template>
    <div class="card">
        <h3 class="title">{{title}}</h3>
        <div class="card-content">
            <slot name="content"></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: "Card",
    props: ["title"]
}
</script>

<style lang="less">
.card{
    overflow: hidden;
    background: #fff;
    border:solid 1px #eaeaea;
    border-radius: 2px;
    margin:10px;
    .title{
        font-size: 18px;
        font-weight: bold;
        line-height:40px;
        border-bottom: solid 2px #55f;
        margin:0;
        padding-left: 10px;
    }
    .content{
        padding: 10px;
    }
}
</style>